<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 准备好一个容器-->
        <div id="root">
            <h1>你好,{{name}}</h1>
        </div>
    </body>
        <script type="text/javascript">
            Vue.config.productionTip = false
            // const v = new Vue({
            //     data:{
            //         name:'小牛马'
            //     }
            // })
            // v.$mount('#root')
            // new Vue({
            //     el:'#root',
            //     data(){
            //         return {
            //             name:'张牛马'
            //         }
            //     }
            // })

            const vm = new Vue({
                data(){
                    return {
                        name:'小牛马'
                    }
                }
            })
            vm.$mount('#root')

        </script>
</html>